<template>
  <div>
    <el-empty 
    :image="`${url}/images/empty.png`"
    v-if="keyword==``||users.length==0"
    :description="keyword==''?`咱 搜 不 到 任 何 人 呀！为 你 推 荐 以 下 用 户`:'咱 搜 不 到 任 何 东 西 呀！'"
    ></el-empty>
  <div class="user">
  <userHead :col="index" :user="item" v-for="(item,index) of users" :key="index"></userHead>  
  </div>
  </div>
</template>

<script>
import userHead from "../components/userHead.vue"
export default {
    components:{
      userHead
    },
    props:{
        keyword:null,
        url:null
    },
    data(){
      return {
        users:[]
      }
    },
    watch:{
      keyword(){
        this.getSearch()
      }
    },
    methods:{
        getSearch(){
            this.$store.commit("getSearch",[5,this.keyword,(data)=>{
            this.users=data
        }])
        }
    },
    mounted(){
      this.getSearch()
    }

}
</script>

<style>
.user{
  display: flex;
  flex-wrap:wrap; 
}
</style>